<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>帐户余额</title>
    <link rel="stylesheet" type="text/css" href="css/models.css">
    <!--bootstrap-select  css文件-->
    <link rel="stylesheet" type="text/css" href="js/bootstrapselect/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="js/bootstrapselect/css/bootstrap-select.css"/>
    <!--日期  css文件-->
    <link rel="stylesheet" type="text/css" href="js/datepicker/css/bootstrap-datepicker.css">
</head>
<body>
<div class="MainContent">
    <!--面包屑-->
    <div class="current">当前位置：<a href="#">帐户管理</a>&nbsp;&gt;&nbsp;<span>帐户余额</span> </div>
    <!--end 面包屑-->
    <!--主体内容-->
    <div class="MainCont">
        <!--标题-->
        <div class="ph_subTit no_border">
            <h2>帐户余额</h2>
        </div>
        <!--end 标题-->
        <div class="require balanceCon">￥23333.00元</div>
        <div class="PopupBtn btnLeft ph_btnBor">
            <input class="submit" name="" type="button" value="充值" onclick="window.location.href='account_pay.html'">
            <input class="submit" name="" type="button" value="提现" onclick="window.location.href='account_carry.html'">
        </div>
        <div class="ph_subTit ph_subMarTop no_border">
            <h2>帐户明细</h2>
        </div>
        <!--筛选条件-->
        <div class="ph_screen">
            <table class="ph_tableBox">
                <tr>
                    <th>来源：</th>
                    <td>
                        <select class="selectpicker">
                            <option value="">全部</option>
                        </select>
                    </td>
                    <th>状态：</th>
                    <td>
                        <select class="selectpicker">
                            <option value="">全部</option>
                        </select>
                    </td>
                    <th>下单时间：</th>
                    <td>
                        <p class="dayBox"><input class="start_rise date start" name="" type="text" >&nbsp;-&nbsp;<input class="start_rise date end" name="" type="text" ></p>
                    </td>
                </tr>
                <tr>
                    <td colspan="6">
                        <input name="" type="button" value="查询"><input name="" type="button" value="重置">
                    </td>
                </tr>
            </table>
        </div>
        <!--end 筛选条件-->
        <!--商品列表-->
        <div class="ph_wareBox">
            <table class="ph_wareList" id="example">
                <thead>
                    <tr>
                        <th width="50">序号</th>
                        <th>订单号</th>
                        <th>来源</th>
                        <th>时间</th>
                        <th>金额</th>
                        <th>手续费</th>
                        <th>状态</th>
                        <th>备注</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>123442211</td>
                        <td title="--">在线充值</td>
                        <td title="--">20170517 10：20：50</td>
                        <td>+1000.00元</td>
                        <td>0元</td>
                        <td>成功</td>
                        <td>--</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>123442211</td>
                        <td title="--">余额提现</td>
                        <td title="--">20170517 10：20：50</td>
                        <td>+1000.00元</td>
                        <td>0元</td>
                        <td>失败</td>
                        <td>--</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>123442211</td>
                        <td title="--">在线充值</td>
                        <td title="--">20170517 10：20：50</td>
                        <td>+1000.00元</td>
                        <td>0元</td>
                        <td>成功</td>
                        <td>--</td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>123442211</td>
                        <td title="--">在线充值</td>
                        <td title="--">20170517 10：20：50</td>
                        <td>+1000.00元</td>
                        <td>0元</td>
                        <td>成功</td>
                        <td>--</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!--end 商品列表-->
    </div>
    <!--end 主体内容-->
</div>

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<!--bootstrap-select-->
<script type="text/javascript" src="js/bootstrapselect/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrapselect/bootstrap-select.js"></script>
<script type="text/javascript" src="js/bootstrapselect/select.js"></script>
<!--分页-->
<script type="text/javascript" src="js/pages/jquery.dataTables.min.js"></script>
<!--日期控件-->
<script type="text/javascript" src="js/datepicker/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/datepicker/jquery.timepicker.js"></script>
<script type="text/javascript" src="js/datepicker/jquery.datepair.js"></script>
<script type="text/javascript" src="js/datepicker/datepicker.js"></script>
<script type="text/javascript">
    $(function() {
        //分页
        $('#example').DataTable({
            "sDom": '<"">t<"F"ip>',
            /*"bServerSide": true,
            "sPaginationType": "full_numbers",
            //"bJQueryUI": true,
            //"sAjaxSource": "${ctx}/api/user/list", //ajax调用接口
            //<div class="btn-group" style="text-align:left;"><button type="button" class="btn btn-info dropdown-toggle"data-toggle="dropdown">操作 <span class="caret"></span></button>
            "sAjaxSource": "data/arrays.txt", //ajax调用接口
            "aoColumnDefs": [{sDefaultContent: '',aTargets: [ '_all' ]}],
            "aoColumns": [
                { "sWidth": "50px","sTitle" : "ID", "mData": "id"},
                { "sTitle" : "来源","mData": "id1" },
                { "sTitle" : "供应商","mData": "id2" },
                { "sTitle" : "商品名称","mData": "id3" },
                { "sTitle" : "商品分类","mData": "id4" },
                { "sTitle" : "总库存","mData": "id5" },
                { "sTitle" : "销量","mData": "id6" },
                { "sTitle" : "规格","mData": "id7" },
                { "sTitle" : "审核状态","mData": "id8" },
                { "sTitle" : "上架状态","mData": "id9" },
                { "sWidth": "110px", "sTitle" : "操作","mData" : "id","sClass":"ph_tableShow", "mRender" : function ( data, type, full ) {
                    var text = '<div class="ph_operateBox"><input class="ph_operate" name="" type="button" value="操作选项">';
                    text = text+'<ul class="ph_operateList hide" role="menu">';
                    text += "<li><a href='#'>修改用户</a></li>";
                    text += '<li><a class="Js_btn" href="javascript:void(0);">删除用户</a></li>';
                    text += '<li><a href="javascript:void(0);">分配角色</a></li>';
                    text += '<li><a href="javascript:void(0);">冻结</a></li>';
                    text += '<li><a href="javascript:void(0);">启用</a></li>';
                    text += '<li><a href="javascript:void(0);">重置密码</a></li>';
                    text = text + '</ul></div>';
                    return text;
                }
                }
            ],*/
            "oLanguage" : {
                "sProcessing" : "数据加载中······",
                "sLengthMenu" : "显示 _MENU_ 条记录",
                "sZeroRecords" : "没有您要搜索的内容！",
                "sEmptyTable" : "列表中无数据存在！",
                "sInfo" : "当前显示 _START_ 到 _END_ 条数据，共 _TOTAL_ 条数据",
                "sInfoEmpty" : "显示 0 到 0 条记录",
                "sInfoFiltered" : "数据列表中共  _MAX_ 条记录",
                "oPaginate" : {
                    "sFirst" : "首页",
                    "sPrevious" : "上一页",
                    "sNext" : "下一页",
                    "sLast" : "末页"
                }
            },
            /*"fnServerData" : function ( sSource, aoData, fnCallback, oSettings ) {
             oSettings.jqXHR = $.ajax( {
             "dataType" 	: 'json',
             "type" 		: "GET",
             "async"     : 'false',
             "url" 		: sSource,
             "data" 		: {
             'pageNum': (aoData[3].value/aoData[4].value)+1,
             'pageSize' :  aoData[4].value,
             'telphone'  :  $("#telphone").val(),
             'isable' : $('#isable').val()
             },
             "success"	: fnCallback
             } );
             }*/
        });
    });
</script>
</body>
</html>